<%@page import="com.ambow.entity.User"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ page import="com.ambow.entity.Product"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<title>Single</title>
<link href="<%=path%>/pages/css/bootstrap.css" rel="stylesheet"
	type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="<%=path%>/pages/js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="<%=path%>/pages/css/style.css" rel="stylesheet"
	type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="I-wear Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript">
	 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } 
</script>
<script type="text/javascript" src="<%=path%>/pages/js/move-top.js"></script>
<script type="text/javascript" src="<%=path%>/pages/js/easing.js"></script>
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900'
	rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Montez' rel='stylesheet'
	type='text/css'>
<!--//fonts-->
<!-- start menu -->
<!-- start menu -->
<link href="<%=path%>/pages/css/memenu.css" rel="stylesheet"
	type="text/css" media="all" />
<script type="text/javascript" src="<%=path%>/pages/js/memenu.js"></script>
<script>
	$(document).ready(function() {
		$(".memenu").memenu();
	});
</script>
<!-- /start menu -->
<!--//slider-script-->
<script src="<%=path%>/pages/js/main.js"></script>
<!-- Resource jQuery -->
<script>
	(function(i, s, o, g, r, a, m) {
		i['GoogleAnalyticsObject'] = r;
		i[r] = i[r] || function() {
			(i[r].q = i[r].q || []).push(arguments)
		}, i[r].l = 1 * new Date();
		a = s.createElement(o), m = s.getElementsByTagName(o)[0];
		a.async = 1;
		a.src = g;
		m.parentNode.insertBefore(a, m)
	})(window, document, 'script', '//www.google-analytics.com/analytics.js',
			'ga');

	ga('create', 'UA-48014931-1', 'codyhouse.co');
	ga('send', 'pageview');

	jQuery(document).ready(function($) {
		$('.close-carbon-adv').on('click', function() {
			$('#carbonads-container').hide();
		});
	});
</script>
<script src="<%=path%>/pages/js/simpleCart.min.js">
	
</script>
<!-- Bootstrap core JavaScript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- js -->
<script src="<%=path%>/pages/js/bootstrap.js"></script>
<!-- js -->

</head>
<body>
	<!--header-->
	<div class="header-info">
		<div class="container">
			<div class="header-top-in">

				<ul class="support">
					<li><a href="mailto:info@example.com"><i
							class="glyphicon glyphicon-envelope"> </i>info@example.com</a></li>
					<li><span><i class="glyphicon glyphicon-earphone"
							class="tele-in"> </i>0 462 261 61 61</span></li>
				</ul>
				<ul class=" support-right">
					<%
						User user = (User) session.getAttribute("login");
						if (user != null) {
					%>
					<li><a href="pages/user.jsp"> <i
							class="glyphicon glyphicon-lock" class="tele"> </i><%=user.getAccount()%></a></li>
					<%
						if (user.getDegree().equals("admin")) {
					%>
					<li><a href="pages/manager.jsp"> <i
							class="glyphicon glyphicon-lock" class="tele"> </i>MANAGER
					</a></li>
					<%
						}
					%>
					<li></li>
					<a href="UserServlet?status=exit"><img alt="#"
						src="<%=path%>/pages/images/exit.png"></a>
					<%
						} else {
					%>
					<li><a href="pages/account.jsp"> <i
							class="glyphicon glyphicon-lock" class="tele"> </i>LOGIN
					</a></li>
					<li><a href="pages/register.jsp"> <i
							class="glyphicon glyphicon-lock" class="tele"> </i>REGISTER
					</a></li>
					<%
						}
					%>
				</ul>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<div class="header header5">
		<div class="header-top">

			<div class="header-bottom">
				<div class="container">
					<div class="logo">
						<h1>
							<a href="index.jsp">I-<span>wear</span></a>
						</h1>
					</div>
					<!---->

					<div class="top-nav">
						<ul class="memenu skyblue">
							<li class="active"><a href="<%=path%>/index.jsp">首页</a></li>
							<li class="grid"><a href="#">男性</a>
								<div class="mepanel">
									<div class="row">
										<div class="col1 me-one">
											<h4>品类</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=太阳眼镜&kind=男性">太阳眼镜</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=时尚风镜&kind=男性">时尚风镜</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=经典护目镜&kind=男性">经典护目镜</a></li>

											</ul>
										</div>
										<div class="col1 me-one">
											<h4>款式</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=复古&kind=男性">复古款</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=潮流&kind=男性">潮流款</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=经典&kind=男性">经典款</a></li>

											</ul>
										</div>
										<div class="col1 me-one">
											<h4>流行品牌</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Levis&kind=男性">Levis</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Persol&kind=男性">Persol</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Nike&kind=男性">Nike</a></li>

											</ul>
										</div>
									</div>
								</div></li>
							<li class="grid"><a href="#">女性</a>
								<div class="mepanel">
									<div class="row">
										<div class="col1 me-one">
											<h4>品类</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=太阳眼镜&kind=女性">太阳眼镜</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=时尚风镜&kind=女性">时尚风镜</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=经典护目镜&kind=女性">经典护目镜</a></li>

											</ul>
										</div>
										<div class="col1 me-one">
											<h4>款式</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=复古&kind=女性">复古款</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=潮流&kind=女性">潮流款</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=经典&kind=女性">经典款</a></li>

											</ul>
										</div>
										<div class="col1 me-one">
											<h4>流行品牌</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Levis&kind=女性">Levis</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Persol&kind=女性">Persol</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Nike&kind=女性">Nike</a></li>

											</ul>
										</div>
									</div>
								</div></li>
							<li class="grid"><a href="#">儿童</a>
								<div class="mepanel">
									<div class="row">
										<div class="col1 me-one">
											<h4>品类</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=太阳眼镜&kind=儿童">太阳眼镜</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=时尚风镜&kind=儿童">时尚风镜</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=经典护目镜&kind=儿童">经典护目镜</a></li>

											</ul>
										</div>
										<div class="col1 me-one">
											<h4>款式</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=复古&kind=儿童">复古款</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=潮流&kind=儿童">潮流款</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=经典&kind=儿童">经典款</a></li>

											</ul>
										</div>
										<div class="col1 me-one">
											<h4>流行品牌</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Levis&kind=儿童">Levis</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Persol&kind=儿童">Persol</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Nike&kind=儿童">Nike</a></li>

											</ul>
										</div>
									</div>
								</div></li>
							<li class="grid"><a href="<%=path%>/Main">在线客服</a></li>
							<li class="grid"><a
								href="<%=path%>/NewsServlet?status=query&currentPage=0">关于我们</a>

							</li>
							<li class="grid"><a
								href="<%=path%>/LeaveMessageServlet?status=all&currentPage=0">留言板</a></li>
						</ul>
						<div class="clearfix"></div>
						<div class="clearfix"></div>
						<!---->
					</div>

				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!---->
	<!---->
	<div class="back">
		<h2>Product Details</h2>
	</div>
	<!---->
	<div class="product">
		<div class="container">
			<div class="col-md-3 product-price">

				<div class=" rsidebar span_1_of_left">
					<div class="of-left">
						<h3 class="cate">种类</h3>
					</div>
					<ul class="menu">
						<li class="item1"><a
							href="<%=path%>/ProductServlet?status=queryAllL&label=复古&kind=男性">男性</a>
						</li>
						<li class="item2"><a
							href="<%=path%>/ProductServlet?status=queryAllT&type=时尚风镜&kind=女性">女性</a>
						</li>
						<li class="item3"><a
							href="<%=path%>/ProductServlet?status=queryAllT&type=时尚风镜&kind=儿童">儿童</a>
						</li>
					</ul>
				</div>
				<!--initiate accordion-->
				<script type="text/javascript">
					$(function() {
						var menu_ul = $('.menu > li > ul'), menu_a = $('.menu > li > a');
						menu_ul.hide();
						menu_a.click(function(e) {
							e.preventDefault();
							if (!$(this).hasClass('active')) {
								menu_a.removeClass('active');
								menu_ul.filter(':visible').slideUp('normal');
								$(this).addClass('active').next().stop(true,
										true).slideDown('normal');
							} else {
								$(this).removeClass('active');
								$(this).next().stop(true, true).slideUp(
										'normal');
							}
						});

					});
				</script>
				<!---->
				<div class="product-middle">

					<div class="fit-top">
						<h6 class="shop-top">LOREM IPSUM</h6>
						<a href="#" class="shop-now">SHOP NOW</a>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="sellers">
					<div class="of-left-in">
						<h3 class="tag">标签</h3>
					</div>
					<div class="tags">
						<ul>
							<li><a href="#">design</a></li>
							<li><a href="#">流行</a></li>
							<li><a href="#">lorem</a></li>
							<li><a href="#">dress</a></li>
							<li><a href="#">fashion</a></li>
							<li><a href="#">dress</a></li>
							<li><a href="#">design</a></li>
							<li><a href="#">dress</a></li>
							<li><a href="#">design</a></li>
							<li><a href="#">fashion</a></li>
							<li><a href="#">lorem</a></li>
							<li><a href="#">dress</a></li>
							<div class="clearfix"></div>
						</ul>
					</div>
				</div>
				<!---->
				<div class="product-bottom">
					<div class="of-left-in">
						<h3 class="best">BEST SELLERS</h3>
					</div>
					<div class="product-go">
						<div class=" fashion-grid">
							<a href="<%=path%>/ProductServlet?status=queryOne&id=23"> <img
								class="img-responsive " src="<%=path%>/static/images/2.jpg"
								alt=""></a>

						</div>
						<div class=" fashion-grid1">
							<h6 class="best2">
								<a href="#">Lorem ipsum dolor sit amet consectetuer </a>
							</h6>

							<span class=" price-in1"> $123.00</span>
						</div>

						<div class="clearfix"></div>
					</div>
					<div class="product-go">
						<div class=" fashion-grid">
							<a href="<%=path%>/ProductServlet?status=queryOne&id=44"> <img
								class="img-responsive " src="<%=path%>/static/images/e2.jpg"
								alt=""></a>

						</div>
						<div class="fashion-grid1">
							<h6 class="best2">
								<a href="#">Lorem ipsum dolor sit amet consectetuer </a>
							</h6>

							<span class=" price-in1"> $158.00</span>
						</div>

						<div class="clearfix"></div>
					</div>
					<div class="product-go">
						<div class=" fashion-grid">
							<a href="<%=path%>/ProductServlet?status=queryOne&id=3"> <img
								class="img-responsive " src="<%=path%>/static/images/a3.jpg"
								alt=""></a>

						</div>
						<div class=" fashion-grid1">
							<h6 class="best2">
								<a href="#">Lorem ipsum dolor sit amet consectetuer </a>
							</h6>
							<ul class="star-footer">
								<li><a href="#"><i> </i></a></li>
								<li><a href="#"><i> </i></a></li>
								<li><a href="#"><i> </i></a></li>
								<li><a href="#"><i> </i></a></li>
								<li><a href="#"><i> </i></a></li>
							</ul>
							<span class=" price-in1">$231.00</span>
						</div>

						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<!---->
			<%
				Product product = (Product) request.getAttribute("product");
			%>
			<div class="col-md-9 product-price1">
				<div class="col-md-5 single-top">
					<div class="flexslider">
						<ul class="slides">
							<li><img
								src="<%=path%>/static/images/<%=product.getPhoto()%>" /></li>
						</ul>
					</div>
					<!-- FlexSlider -->
					<script defer src="js/jquery.flexslider.js"></script>
					<link rel="stylesheet" href="css/flexslider.css" type="text/css"
						media="screen" />

					<script>
						// Can also be used with $(document).ready()
						$(window).load(function() {
							$('.flexslider').flexslider({
								animation : "slide",
								controlNav : "thumbnails"
							});
						});
					</script>
				</div>
				<!-- 单品信息修改区 -->

				<%
					if (product != null) {
				%>
				<div class="col-md-7 single-top-in simpleCart_shelfItem">
					<div class="single-para ">
						<h4><%=product.getBrand()%></h4>
						<div class="star-on">
							<ul class="star-footer">
								<li><a href="#"><i> </i></a></li>
								<li><a href="#"><i> </i></a></li>
								<li><a href="#"><i> </i></a></li>
								<li><a href="#"><i> </i></a></li>
								<li><a href="#"><i> </i></a></li>
							</ul>
							<div class="review">
								<a href="#"> 1 customer review </a>

							</div>
							<div class="clearfix"></div>
						</div>
						<h5 class="item_price">
							$<%=product.getPrice()%>
						</h5>
						<div class="available">
							<ul>
								<li>颜色 <input name="color" value="<%=product.getColor()%>" readonly="readonly"/>
								</li>
								<li class="size-in">尺寸 <input name="size"
									value="<%=product.getSize()%>" readonly="readonly"/>
								</li>
								<div class="clearfix"></div>
							</ul>
						</div>
						<ul class="tag-men">
							<li><span>种类</span> <span class="women1">:<%=product.getKind()%></span></li>
							<li><span>标签</span> <span class="women1">:<%=product.getLabel()%></span></li>
						</ul>
						
					</div>
				</div>
				<%
					} else {
						out.print("暂无数据！！！");

					}
				%>
				<div class="clearfix"></div>
				<!---->
				<div class="cd-tabs">
					<nav>
						<ul class="cd-tabs-navigation">
							<li><a data-content="fashion" href="#0">描述</a></li>
							<li><a data-content="cinema" href="#0">附加信息</a></li>


						</ul>
					</nav>
					<ul class="cd-tabs-content">
						<li data-content="fashion">
							<div class="facts">
								<p>There are many variations of passages of Lorem Ipsum
									available, but the majority have suffered alteration in some
									form, by injected humour, or randomised words which don't look
									even slightly believable. If you are going to use a passage of
									Lorem Ipsum, you need to be sure there isn't anything
									embarrassing hidden in the middle of text. All the Lorem Ipsum
									generators on the Internet tend to repeat predefined chunks as
									necessary, making this the first true generator on the
									Internet. It uses a dictionary of over 200 Latin words,
									combined</p>
								<ul>
									<li>Research</li>
									<li>Design and Development</li>
									<li>Porting and Optimization</li>
									<li>System integration</li>
									<li>Verification, Validation and Testing</li>
									<li>Maintenance and Support</li>
								</ul>
							</div>
						</li>
						<li data-content="cinema">
							<div class="facts1">
								<div class="color">
									<p>颜色</p>
									<span>蓝色, 黑色, 红色</span>
									<div class="clearfix"></div>
								</div>
								<div class="color">
									<p>尺寸</p>
									<span>大，中，小</span>
									<div class="clearfix"></div>
								</div>
							</div>
						</li>
						<div class="clearfix"></div>
					</ul>
				</div>
				<!---->
				<div class="top-product">
					<h3 class="real">相关产品</h3>

					<div class="col-md-4 chain-grid  simpleCart_shelfItem">
						<div class="grid-span-1">
							<a href="pages/single.jsp"> <img class="img-responsive "
								src="<%=path%>/static/images/pi10.jpg" alt=" ">
							</a>
						</div>
						<div class="grid-chain-bottom ">
							<h6>
								<a href="pages/single.jsp">太阳眼镜</a>
							</h6>
							<div class="star-price">
								<div class="price-at">
									<ul class="star-footer">
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
									</ul>
								</div>
								<div class="price-at-bottom ">
									<span class="item_price">$ 75.00</span>
								</div>
								<div class="clearfix"></div>
							</div>
							<div class="cart-add">
							
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
					<div class="col-md-4 chain-grid simpleCart_shelfItem">
						<div class="grid-span-1">
							<a href="pages/single.jsp"> <img class="img-responsive "
								src="<%=path%>/static/images/pi6.jpg" alt=" "></a>
						</div>
						<div class="grid-chain-bottom ">
							<h6>
								<a href="pages/single.jsp">时尚眼镜 </a>
							</h6>
							<div class="star-price">
								<div class="price-at">
									<ul class="star-footer">
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
									</ul>
								</div>
								<div class="price-at-bottom ">
									<span class="item_price">$ 65.00</span>
								</div>
								<div class="clearfix"></div>
							</div>
							<div class="cart-add">
								
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
					<div class="col-md-4 chain-grid simpleCart_shelfItem">
						<div class="grid-span-1">
							<a href="pages/single.jsp"><img class="img-responsive "
								src="<%=path%>/static/images/pi5.jpg" alt=" "></a>
						</div>
						<div class="grid-chain-bottom ">
							<h6>
								<a href="pages/single.jsp">规格眼镜 </a>
							</h6>
							<div class="star-price">
								<div class="price-at">
									<ul class="star-footer">
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
										<li><a href="#"><i> </i></a></li>
									</ul>
								</div>
								<div class="price-at-bottom ">
									<span class="item_price">$ 85.00</span>
								</div>
								<div class="clearfix"></div>
							</div>
							<div class="cart-add">
							
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!---->
	<div class="bottom-grid1">

		<div class="fit1">
			<h3>HAPPY SHOPPING</h3>
			<p>“I LIKE MY STYLE, BE REAL,BE UNIQUE.”</p>
		</div>
	</div>
	<!---->
	<!---->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
			containerID: 'toTop', // fading element id
			containerHoverID: 'toTopHover', // fading element hover id
			scrollSpeed: 1200,
			easingType: 'linear' 
			};
			 */
			$().UItoTop({
				easingType : 'easeOutQuart'
			});
		});
	</script>
	<a href="#to-top" id="toTop" style="display: block;"> <span
		id="toTopHover" style="opacity: 1;"> </span></a>
	<!---->
	<!---->
</body>
</html>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
